html, body { background:#000;margin:0px;padding:0px; }

#mainBg { background:url('../images/background-pattern.jpg') center 539px repeat-y; }

#mainBgTop { background:url('../images/background-top.jpg') center top no-repeat; }

#mainBgBottom { background:url('../images/background-bottom.png') center bottom no-repeat; }

#contentBottom { margin:auto;width:826px;height:185px;padding: 65px 27px 0 27px; }
#contentBottom { font-weight:normal; font-family:"Myriad Pro", "Tahoma";color:#fff;font-size:15px; }
#contentBottom h2 { font-weight:normal;text-transform:uppercase;font-family:"Myriad Pro", "Tahoma";color:#ffde4e;font-size:18px;margin-bottom:5px; }
#contentBottom .col1 { width:450px; float:left;}
#contentBottom .col2 { width:250px; float:right; text-align:right}
#contentBottom strong {color:#ffde4e;}
#contentBottom a:link, #contentBottom a:visited {color:#ffde4e; text-decoration:underline;}
#contentBottom a:hover, #contentBottom a:active {color:#fff; text-decoration:underline;}

#topMenu { margin:auto;width:826px;height:165px;background: url('../images/fence.png') center bottom no-repeat; }
#topMenuInLogo { width:826px;height:165px;background: url('../images/logo.png') 327px 17px no-repeat; }

#topMenuInLogo #phoneContact { float:right;width:144px;height:85px; }

#topMenuInLogo #topMenuContent { padding-top: 98px;font-family:"Tahoma";font-size:17px;color:#fff;text-shadow: #000 1px 1px 2px; }

#topMenuContent .menuitem { margin:0;padding:0;float:left; }

#topMenuContent .menuitem .rollmenu { background-image:url('../images/fence-pattern.png'); background-repeat:repeat;
                                      padding-bottom:10px;padding-top:10px; display:none;position:absolute; }

#topMenuContent .menuitem .rollmenu.active { display:block; z-index:1000}

#topMenuContent .menuitem.mi2 .rollmenu { background-position: -95px -33px; width:150px;}
#topMenuContent .menuitem.mi3 .rollmenu { background-position: -225px -40px; padding-top:3px; width:200px;}
#topMenuContent .menuitem.mi4 .rollmenu { background-position: -405px -40px; padding-top:3px; width:200px;}

#topMenuContent .menuitem.mi1 { width:80px; margin-left:15px;}
#topMenuContent .menuitem.mi2 { width:130px; }
#topMenuContent .menuitem.mi3 { width:180px; }
#topMenuContent .menuitem.mi4 { width:180px; }
#topMenuContent .menuitem.mi5 { width:130px; }
#topMenuContent .menuitem.mi6 { width:100px;}

#topMenuContent .menuitem a.top { display:block; height:25px; }
#topMenuContent .menuitem.mi4 a.top,
#topMenuContent .menuitem.mi3 a.top {height:32px; }

#topMenuContent .menuitem a:link, #topMenuContent .menuitem a:visited { display:block;padding: 10px 0 0 10px;color:#fff;
                text-decoration:none; text-transform: uppercase; }
#topMenuContent .menuitem a:hover, #topMenuContent .menuitem a:active { color:#ffde4e; }

#mainContent { width:826px; margin: auto; font-family:"Myriad Pro";font-size:16px}

#mainContent #gallery { width: 826px; height: 300px; }
/*single photo: 546*300*/


#mainContent #gallery .photon1 {position:absolute;margin-left:210px; z-index:2}
#mainContent #gallery .photon2 {position:absolute;margin-left:280px; z-index:1}
#mainContent #gallery .photop1 {position:absolute;margin-left:70px; z-index:2}
#mainContent #gallery .photop2 {position:absolute; z-index:1}
#mainContent #gallery .photo {position:absolute;margin-left:140px; z-index:3}
#mainContent #gallery .photoHidden {display:none;}
#mainContent #gallery #shadowLeft {z-index:10; position:absolute; background: url('../images/alphaBlack30.png'); width: 140px; height: 300px}
#mainContent #gallery #shadowRight {z-index:10; position:absolute; margin-left: 686px; background: url('../images/alphaBlack30.png'); width: 140px; height: 300px}
#mainContent #gallery #slider {z-index:10; text-align:center; position:absolute; margin-top: 236px; background: url('../images/alphaBlack53.png'); width: 826px; height: 64px}
#mainContent #gallery #slider .photoName {color:#fff;font-size:18px;margin-top:14px;margin-bottom:3px}
#mainContent #gallery #slider .photoItems .choosePhoto {display:inline-block; cursor:pointer; background: url('../images/slide-inactive.png') center center no-repeat; width:10px; height:10px;margin-right:3px;margin-left:3px}
#mainContent #gallery #slider .photoItems .choosePhoto.chosen {background: url('../images/slide-active.png') center center no-repeat;}


#mainContent .contentBox{ margin-top:30px; padding: 15px 30px 40px 30px; background: #fff url('../images/fence-pattern.png') center -107px no-repeat; }
#mainContent .contentBox h1, #mainContent .contentBox h2 {text-transform:uppercase;margin-top:25px;color:#96460b;
                                   font-family:"Myriad Pro";font-weight:bold;font-size:18px;}
#mainContent .contentBox h2 {margin-top:15px;}
#mainContent .contentBox .col1 {float:left; width: 363px; padding: 5px 20px 5px 0; text-align:justify;margin:0;}
#mainContent .contentBox .col2 {padding: 5px 0 5px 20px; text-align:justify;margin:0;}

#mainContent .contentBox.productListTitle{padding-bottom:0.7em}
#mainContent .contentBox.productListTitle h1{text-align:center;font-size:130%}



#mainContent .productList{ margin-top:30px; padding: 0 }

#mainContent .productList .productSizeWrapper { width:391px; height:162px; margin-bottom: 22px}
#mainContent .productList .productSizeWrapper.odd {float:left;clear:both}
#mainContent .productList .productSizeWrapper.even {float:left;margin-left:43px}
#mainContent .productList .product {position:absolute; background: #fff; width:391px; height:162px }
#mainContent .productList .product .productImg{width:190px; height:162px; float: left; }
#mainContent .productList .product .productImgDetail{display:none;width:401px; height:342px; float: left; }
#mainContent .productList .product.productDetail .productImg {display:none;}
#mainContent .productList .product.productDetail .productImgDetail {display:inline}

#mainContent .productList .productDetail
{
    z-index: 1000;
}


#mainContent .productList .product .productInfo {margin: 10px 10px 10px 206px}
#mainContent .productList .product.productDetail .productInfo {margin-left: 417px}
#mainContent .productList .product .productInfo .productInfoMain
{
    width:auto;
    margin-bottom:10px;
    height:95px;
    overflow:hidden;
}

#mainContent .productList .product.productDetail .productInfo .productInfoMain
{
    height:270px;
}




#mainContent .productList .product .productInfo .productInfoMain h2{font-family:"Myriad Pro";font-size:18px;text-transform:uppercase;margin-top:0px;color:#96460b;font-weight:bold}
#mainContent .productList .product .productInfo p{font-family:"Myriad Pro";font-size:14px}
#mainContent .productList .product .productInfo p.price{color:#96460b;float:left}
#mainContent .productList .product .productInfo p.description{display:none}
#mainContent .productList .product.productDetail .productInfo p.perex{display:none}
#mainContent .productList .product.productDetail .productInfo p.description{display:block}
#mainContent .productList .product .productInfo p.buy{float:right}
#mainContent .productList .product .productInfo p.buy a:link,
#mainContent .productList .product .productInfo p.buy a:visited{color:#96460b;text-decoration:none}
#mainContent .productList .product .productInfo p.buy a:hover,
#mainContent .productList .product .productInfo p.buy a:active{color:#36c;text-decoration:underline}

.cleaner { clear:both; }
p { margin-top:2px; }
.ellipsis { overflow:hidden; text-overflow:ellipsis }
.fade{display:none;}
strong{color:#96460b;}